<template>
<div class="cart">
  <navBar class="nav-bar">
    <div slot="navbar-center">购物车({{getCartListLength}})</div>
  </navBar>
   <CartList :getCartList="getCartList"/>
   <CartButtom />
</div>
</template>

<script>
import { mapGetters } from 'vuex'
import navBar from 'components/common/navBar/navBar'
import CartList from './cartChild/CartList'
import CartButtom from './cartChild/CartButtom'
export default {
  data () {
    return {

    }
  },
  created () {
  },
  mounted () {

  },
  methods: {
    refresh () {
      this.$refs.bscroll.refresh()
    }
  },
  computed: {
    ...mapGetters(['getCartListLength', 'getCartList'])
  },
  components: {
    navBar,
    CartList,
    CartButtom
  }
}
</script>
<style scoped>
/* @import ''; 引入css类 */
.nav-bar {
  background-color: var(--color-tint);
}
.cart-list li {
  width: 100%;
}
</style>
